import React, { memo, Fragment } from 'react'
import { footerLinks, footerImages } from "../../common/local-data";
import { HeartTwoTone } from '@ant-design/icons';
import {
  AppFooterWrapper,
  FooterLeft,
  FooterRight,
} from './style';


export default memo(function ASAppFooter() {
  return (
    <AppFooterWrapper>
      <div className="wrap-v2 content" >
        <FooterLeft className="left">
          <div className="link">
            {
              footerLinks.map(item => {
                return(
                  <Fragment key={item.title}>
                    {/* rel="noopener noreferrer" 为了安全防钓鱼 */}
                    <a href={item.link} target="_blank" rel="noopener noreferrer" >{item.title}</a>
                    <span className="line">|</span>
                  </Fragment>
                )
              })
            }
          </div>
          <div className="copyright">
            <span>版权所有:21010730112</span>
            <span>
              成都东软学院学生学习作品：
              <a href="https://www.nsu.edu.cn/" rel="noopener noreferrer" target="_blank"><HeartTwoTone/>Stone成都东软学院D1-2101</a>
            </span>
          </div>
        <div className="report">
          <span>违法和不良信息举报电话：0571-89853516</span>
          <span>
            举报邮箱：
            <a href="mailto:ncm5990@163.com" target="_blank" rel="noopener noreferrer">ncm5990@163.com</a>
          </span>
        </div>
        <div className="info">
          <span>欢迎大家报考成都东软学院：  </span>
          <a href="https://www.nsu.edu.cn/" rel="noopener noreferrer" target="_blank">
            成都东软学院官网网址
          </a>
        </div>
        </FooterLeft>
        <FooterRight>
        {
          footerImages.map((item, index) => {
            return (
              <li className="item" key={item.link}>
                <a className="link" href={item.link} rel="noopener noreferrer" target="_blank"> </a>
                <span className="title">{item.title}</span>
              </li>
            )
          })
        }
        </FooterRight>
      </div>
    </AppFooterWrapper>
  )
})
